{{extend './adminbox.html'}}
{{block 'head'}}
<link rel="stylesheet" href="/publics/back-stage/css/adiminbox.css">
<link rel="stylesheet" href="/publics/back-stage/css/actor.css">
{{/block}}
{{block 'body'}}
<h4>演员管理</h4>
<div class="features">
    <!-- <button class="delete-all">删除</button> -->
    <button class="alllist">全部数据</button>
    <button class="delete-all"><i class="fa fa-trash-o" aria-hidden="true"></i> 批量删除</button>
    <button class="add-all"><i class="fa fa-plus" aria-hidden="true"></i> 增加</button>
    <input type="text" placeholder="输入演员名称" id="search" name="nickname">
    <button class="search-btn"><i class="fa fa-search" aria-hidden="true"></i> 搜索</button>
</div>
<div class="list">
<table>
    <thead>
        <tr>
        <th><input name="checkbox" type="checkbox" value="checkbox" id="checkbox-all" /></th>
        <th>#</th>
        <th>演员名字</th>
        <th>照片</th>
        <th>国籍</th>
        <th>粉丝</th>
        <th>操作</th>
    </tr>
    </thead>
    <tbody>
    </tbody>
</table>
<div class="not" style="display: none;"><i class="fa fa-exclamation-circle" aria-hidden="true"></i>抱歉找不到</div>
<div class="jump">
    <span class="total">共1页</span>
    <select class="pageSize">
        <option value ="10">10条/页</option>
        <option value ="20">20条/页</option>
        <option value ="50">50条/页</option>
        <option value ="100">100条/页</option>
      </select>
      <select class="pageSize1" style="display: none;">
        <option value ="10">10条/页</option>
        <option value ="20">20条/页</option>
        <option value ="50">50条/页</option>
        <option value ="100">100条/页</option>
      </select>
      <!-- <button class="fenye" id="fenye-all">查询</button>
      <button class="fenye" id="fenye-search" style="display: none;">查询</button> -->
      <a href="JavaScript:;" class="frist">首页</a>
    <a href="JavaScript:;" id="pre">上一页</a>
    <span class="pageye">
    </span>
    <a href="JavaScript:;" id="next">下一页</a>
    <a href="JavaScript:;" class="last">尾页</a>
    <input class="nowpage" type="text" onkeyup="value=value.replace(/[^0-9]/ig,'')">
    <button class="nowpage-btn-1">跳转</button>
    <button class="nowpage-btn-2" style="display: none;">跳转</button>
    <p class="nowpage-1" style="display: none;">1</p>
</div>
</div>
{{/block}}
{{block 'hidden'}}
<div class="introduction-box">
    <div class="introduction-box-all">
        <h3 class="h3">介绍</h3> <p class="back-introduction">×</p>
    <div class="form-introduction"> 
    </div>
</div>
</div>
<div class="pop-box">
    <div class="pop-box-all">
        <h3>提示: </h3> <p class="back-pop">×</p>
    <div class="form-pop"> 
        <p>你确定要退出吗？</p>
        <button class="submit-pop1">确定</button>
        <button class="submit-pop2">取消</button>
    </div>
</div>
</div>
<div class="upload-box">
    <div class="upload-box-all">
        <h3>上传封面</h3> <p class="back-upload">×</p>
    <div class="form-upload">
        <p>动态文件:</p><input type="file" class="file" name="gif" onchange="previewFile('.box1','.file')">
        <img src="" style="height: 100px; display: inline-block;" class="box1"><button class="clear1">重置</button>
        <!-- <input type="submit" class="submit" value="添加"> -->
        <button class="submit-upload">上传</button>
</div>
</div>
</div>
<div class="user1-box">
    <div class="user1-box-all">
        <h3>个人信息</h3> <p class="back01">×</p>
    <div class="form01"> 
        <p>账号:</p><p class="user1-account intro"></p><br>
        <p>昵称:</p><p class="user1-nickname intro"></p><br>
        <p>性别:</p><p class="user1-sex intro"></p><br>
        <p>年龄:</p><p class="user1-age intro"></p><br>
        <p>email:</p><p class="user1-email intro"></p><br>
        <p>vip:</p><p class="user1-vip intro"></p><br>
        <p>积分:</p><p class="user1-signInPoint intro"></p><br>
        <p>vip时长:</p><p class="user1-vipTime intro"></p><br>
    </div>
</div>
</div>
<div class="user-box">
    <div class="user-box-all">
        <h3>演员信息</h3> <p class="back0">×</p>
    <div class="form0"> 
        <p>演员名字:</p><p class="actor-Name intro"></p><br>
        <p>生日:</p><p class="actor-Birthday intro"></p><br>
        <p>国籍:</p><p class="actor-Nation intro"></p><br>
        <p>主演名字:</p><p class="actor-NickName intro"></p><br>
        <p>荣誉:</p><p class="actor-Occupation intro"></p><br>
        <p>粉丝:</p><p class="actor-popular intro"></p><br>
        <p>演员介绍:</p><p class="actor-Introduction intro"></p><br>
        <p>演员历史:</p><p class="actor-accomplishment intro"></p><br>
    </div>
    </div>
    </div>
    <div class="add-box">
        <div class="add-box-all">
            <h3>添加演员</h3> <p class="back">×</p>
        <div class="form"> 
            <p>演员名字:</p><input type="text" class="actorName" name="actorName"   placeholder="请输入演员名字"><br>
            <p>演员生日:</p><input type="text" class="actorBirthday" name="actorBirthday"   placeholder="请输入演员生日"><br>
            <p>国籍:</p><input type="text" class="actorNation" name="actorNation"   placeholder="请输入演员国籍"><br>
            <p>主演名称:</p><input type="text" class="actorNickName" name="actorNickName"   placeholder="请输入主演名字"><br>
            <p>荣誉:</p><input type="text" class="actorOccupation" name="actorOccupation"   placeholder="请输入荣誉"><br>
            <p>粉丝:</p><input type="text" class="popularity" name="popularity"   placeholder="请输入粉丝"><br>
            <p>演员介绍:</p><input type="text" class="actorIntroduction" name="actorIntroduction"   placeholder="请输入演员介绍"><br>
            <p>演员历史:</p><input type="text" class="accomplishment" name="accomplishment"   placeholder="请输入演员历史"><br>
            
            <!-- <input type="submit" class="submit" value="添加"> -->
            <button class="submit">添加</button>
        </div>
    </div>
    </div>
    <div class="modify-box">
        <div class="modify-box-all">
            <h3>修改演员信息</h3> <p class="back1">×</p>
        <div class="form1"> 
            <p>演员名字:</p><input type="text" class="actorName1" name="actorName"  placeholder="请输入演员名字"><br>
            <p>演员生日:</p><input type="text" class="actorBirthday1" name="actorBirthday" placeholder="请输入演员生日"><br>
            <p>演员国籍:</p><input type="text" class="actorNation1" name="actorNation" placeholder="请输入国籍"><br>
            <p>主演名字:</p><input type="text" class="actorNickName1" name="actorNickName" placeholder="请输入主演名字"><br>
            <p>演员荣誉:</p><input type="text" class="actorOccupation1" name="actorOccupation" placeholder="请输入荣誉"><br>
            <p>演员介绍:</p><input type="text" class="actorIntroduction1" name="actorIntroduction" placeholder="请输入演员介绍"><br>
            <p>演员历史:</p><input type="text" class="accomplishment1" name="accomplishment" placeholder="请输入历史"><br>
            <p>粉丝数量:</p><input type="text" class="popularity1" name="popularity" placeholder="请输入粉丝数量"><br>
            <button class="submit1">修改</button>
        </div>
    </div>
    </div>
    <div class="works-box">
        <div class="works-box-all">
            <h3>作品</h3><p class="back2">×</p>
            <!-- <button class="delete-worksAll"><i class="fa fa-trash-o" aria-hidden="true"></i> 批量删除</button> -->
            <div class="table">
            <table>
                <thead>
                    <tr>
                    <th><input name="checkbox" type="checkbox" value="checkbox" id="checkbox-all1" /></th>
                    <th>#</th>
                    <th>视频名称</th>
                    <th>封面</th>
                    <th>年份</th>
                    <th>类型</th>
                    <!-- <th>操作</th> -->
                </tr>
                </thead>
                <tbody class="listbody">
                </tbody>
            </table>
            </div>
            <div class="not1" style="display: none;"></div>
        </div>
    </div>
    <div class="photo-box">
        <div class="photo-box-all">
            <p class="back3">×</p>
       <img src="/publics/back-stage/img/背景.jpg" alt="" width="400px" class="bigphoto">
        </div>
    </div>
{{/block}}
{{block 'javascript'}}
<script src="/publics/back-stage/js/adminbox.js"></script>
<script src="/publics/back-stage/js/actor.js"></script>
{{/block}}